<div class="modal" id="locationModal">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal">×</button>
				<h4 class="modal-title">SELECT LOCATION</h4>
			</div>
			<div class="modal-body">

				<form name="post_location_form" id="post_location_form" method="POST">
					<div class="form-group col-lg-6">
						<label for="exampleInputEmail1">Region</label> 
						<select class="form-control" name="statename" id="statename">
							<option value="">--Select Region --</option>
							
							
							<?php foreach($region as $region):?>
							<option value="<?= $region->id;?>"><?= $region->name;?>
							<?php endforeach;?>
							</option>
						</select>	
					</div>
					<input type="text" name="curl" id="curl" value="<?= $curl;?>">
					<input type="hidden" name="cityN" id="cityN" value="siliguri">
					<div class="form-group col-lg-6">
					<label>City</label> <select class="form-control" name="city" id="city">
					<option value="">--Select City --</option>
					<option value=""></option>
					</select>	
					</div>
					
					
				</form>

			</div>
			<div class="modal-footer">
				<a href="#" data-dismiss="modal" class="btn">Close</a> <button type="button"
					class="btn btn-primary" id="submit_location">Save changes</button>
			</div>
		</div>
	</div>
</div>


<script>
$('#openBtn').click(function(){
  	$('#locationModal').modal('show');
});

$('#toggleBtn').click(function(){
  	$('#locationModal').modal('toggle');
});

$('#locationModal').on('hidden', function () {
  
})
</script>